﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://wubiyu.cnblogs.com">
<head>
    <title>_g() 方法</title>
    <link href="../../Theme/DomExtGray/gray.min.css" rel="Stylesheet" type="text/css" />
    <link href="PageModel.css" rel="Stylesheet" type="text/css" />
    <script type="text/javascript" src="../../domExt.min.js"></script>
    <style type="text/css">

 p.MsoNormal
	{margin-bottom:.0001pt;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size:10.5pt;
	font-family:"Calibri","sans-serif";
	        margin-left: 0cm;
            margin-right: 0cm;
            margin-top: 0cm;
        }
    </style>
</head>
<body>
    <div class="fun_title">
        Chart 图表组件
    </div>
    <div class="fun_content">
        描述：用充扩示统计图之类的组件，包括_hy.Palette（画布对象），Line（线图），Bar（柱图），Pie（柄图）。<br />
       &nbsp;&nbsp;&nbsp;
       使用前必须加入<br />
&nbsp;&nbsp;&nbsp; &lt;script 
        type=&quot;text/javascript&quot; src=&quot;wz_jsgraphics.js&quot;&gt;&lt;/script&gt;<br />
        &nbsp;&nbsp;&nbsp; &lt;script type=&quot;text/javascript&quot; src=&quot;hy.Chart.min.js&quot;&gt;&lt;/script&gt;<br />
&nbsp;&nbsp;&nbsp; <a href="hy_Chart_explort.htm" target="_blank">示列</a></div>
    <div class="fun_title2">
        数据格式:
    </div>
    <div class="fun_content2">
        定义列数<br />
        var DataArr = new Array(); DataArr[0] = Array(); DataArr[1] = Array(); 
        DataArr[2] = Array(); DataArr[3] = Array(); DataArr[4] = Array(); DataArr[5] = 
        Array(); DataArr[6] = Array(); DataArr[7] = Array(); DataArr[8] = Array(); 
        DataArr[9] = Array(); DataArr[10] = Array(); DataArr[11] = Array(); DataArr[12] 
        = Array();
        <br />
        设置列标签（第0列）<br />
        DataArr[1][0] = &quot;一月&quot;; DataArr[2][0] = &quot;二月&quot;; DataArr[3][0] = &quot;三月&quot;; DataArr[4][0] 
        = &quot;四月&quot;; DataArr[5][0] = &quot;五月&quot;; DataArr[6][0] = &quot;六月&quot;; DataArr[7][0] = &quot;七月&quot;; 
        DataArr[8][0] = &quot;八月&quot;; DataArr[9][0] = &quot;九月&quot;; DataArr[10][0] = &quot;十月&quot;; 
        DataArr[11][0] = &quot;十一月&quot;; DataArr[12][0] = &quot;十二月&quot;;
        <br />
        每列数据数（第0行）<br />
        DataArr[0][0] = &quot;月份&quot;; DataArr[0][1] = &quot;安全评分&quot;; DataArr[0][2] = &quot;系统评分&quot;; 
        DataArr[0][3] = &quot;危险评分&quot;; DataArr[0][4] = &quot;扩展&quot;;  
        <br />
        数据值<br />
      DataArr[1][1] = 50; DataArr[1][2] = 20; DataArr[1][3] = 40; DataArr[1][4] = 1; 
        DataArr[2][1] = 10; DataArr[2][2] = 60; DataArr[2][3] = 90; DataArr[2][4] = 2; 
        DataArr[3][1] = 5; DataArr[3][2] = 20; DataArr[3][3] = 70; DataArr[3][4] = 3; 
        DataArr[4][1] = 90; DataArr[4][2] = 80; DataArr[4][3] = 40; DataArr[4][4] = 4; 
        DataArr[5][4] = 45; DataArr[5][1] = 30; DataArr[5][2] = 32; DataArr[5][3] = 45; 
        DataArr[6][1] = 60; DataArr[6][2] = 22; DataArr[6][3] = 30; DataArr[6][4] = 6; 
        DataArr[7][1] = 90; DataArr[7][2] = 78; DataArr[7][3] = 33; DataArr[7][4] = 7; 
        DataArr[8][1] = 39; DataArr[8][2] = 20; DataArr[8][3] = 60; DataArr[8][4] = 8; 
        DataArr[9][1] = 12; DataArr[9][2] = 14; DataArr[9][3] = 16; DataArr[9][4] = 9; 
        DataArr[10][1] = 60; DataArr[10][2] = 32; DataArr[10][3] = 67; DataArr[10][4] = 
        10; DataArr[11][1] = 60; DataArr[11][2] = 22; DataArr[11][3] = 50; 
        DataArr[11][4] = 11; DataArr[12][1] = 90; DataArr[12][2] = 11; DataArr[12][3] = 
        70; DataArr[12][4] = 12; 
        <br />
    </div>
        <div class="fun_title2">
            对象:
    </div>
    <div class="fun_content2">
        hy.Palette 画布对象：<br />
&nbsp;&nbsp;&nbsp; 方法：<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
        构造函数：_hy.Palette(id,panel,x,y,xmax,ymax,mousemovehandler,onmouseOuthandler)<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; paint()：开始绘制画布<br />
&nbsp;&nbsp;&nbsp; 属性：<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; rowno=10; //y轴刻度数<br />
        hy.Line 线状图<br />
&nbsp;&nbsp;&nbsp; 方法：<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 构造函数：_hy.Chart.Line(Palette)
        <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; setDataSource(valueArrl); 
        设置数据源，（数据源要按照上面的数据格式进行定义）<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; showInfo()：显示信息<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; paint()：开始绘制线图<br />
&nbsp;&nbsp;&nbsp; 属性：<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; attr：线的属性值<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; lineStyle：线的样式值<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; IsShowXstr=true 是否显示文本<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; IsShowValue＝true 是否显示值<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ColorList：线的颜色列表<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; InfoPanel：显示信息<br />
        hy.Bar&nbsp; 柱状图<br />
&nbsp;&nbsp;&nbsp; 方法：同 hy.Line<br />
&nbsp;&nbsp;&nbsp; 属性：同 hy.Line<br />
        hy.Pie&nbsp; 柄状图<br />
&nbsp;&nbsp;&nbsp; 方法：同 hy.Line<br />
&nbsp;&nbsp;&nbsp; 属性：同 hy.Line</div>
    <div class="fun_title2">
        <a href="hy_Chart_explort.htm" target="_blank">示列</a>
    </div>
    <div class="code">
        <p align="left" class="MsoNormal">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp; </span>
            <span style="color:blue">&lt;</span><span style="color:maroon">div</span><span 
                style="color:blue">&gt;</span><o:p></o:p></span></p>
        <p align="left" class="MsoNormal">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            <span style="color:blue">&lt;</span><span style="color:maroon">div</span>
            <span style="color:red">id</span><span style="color:blue">=&quot;GraphicsPanel&quot;</span>
            <span style="color:red">style</span><span style="color:blue">=&quot;</span><span 
                style="color:red">position</span><span style="color:blue">: relative; </span>
            <span style="color:red">cursor</span><span style="color:blue">: pointer; </span>
            <span style="color:red">left</span><span style="color:blue">: 100px;<o:p></o:p></span></span></p>
        <p align="left" class="MsoNormal">
            <span lang="EN-US" style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;color:blue;mso-font-kerning:
0pt"><span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </span></span>
            <span lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:red;mso-font-kerning:0pt">border-right-style</span><span lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:blue;mso-font-kerning:0pt">: solid; </span>
            <span lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:red;mso-font-kerning:0pt">border-right-width</span><span lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:blue;mso-font-kerning:0pt">: 1px; </span>
            <span lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:red;mso-font-kerning:0pt">width</span><span lang="EN-US" style="font-size:
9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:blue;mso-font-kerning:0pt">: 800px; </span>
            <span lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:red;mso-font-kerning:0pt">height</span><span lang="EN-US" style="font-size:
9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:blue;mso-font-kerning:0pt">: 300px;&quot;&gt;</span><span lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
mso-font-kerning:0pt"><o:p></o:p></span></p>
        <p align="left" class="MsoNormal">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            <span style="color:blue">&lt;/</span><span style="color:maroon">div</span><span 
                style="color:blue">&gt;</span><o:p></o:p></span></p>
        <p align="left" class="MsoNormal">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp; </span>
            <span style="color:blue">&lt;/</span><span style="color:maroon">div</span><span 
                style="color:blue">&gt;</span><o:p></o:p></span></p>
        <p align="left" class="MsoNormal">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp; </span>
            <span style="color:blue">&lt;</span><span style="color:maroon">div</span>
            <span style="color:red">id</span><span style="color:blue">=&quot;info&quot;</span>
            <span style="color:red">style</span><span style="color:blue">=&quot;</span><span 
                style="color:red">font-size</span><span style="color:blue">: 12px; </span>
            <span style="color:red">font-family</span><span style="color:blue">: </span>
            </span>
            <span style="font-size:9.5pt;font-family:
宋体;mso-ascii-font-family:&quot;Microsoft YaHei&quot;;mso-fareast-font-family:宋体;
mso-fareast-theme-font:minor-fareast;mso-hansi-font-family:&quot;Microsoft YaHei&quot;;
mso-bidi-font-family:&quot;Microsoft YaHei&quot;;color:blue;mso-font-kerning:0pt">宋</span><span 
                lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:
&quot;Microsoft YaHei&quot;;color:blue;mso-font-kerning:0pt">?</span><span style="font-size:9.5pt;font-family:宋体;mso-ascii-font-family:&quot;Microsoft YaHei&quot;;
mso-fareast-font-family:宋体;mso-fareast-theme-font:minor-fareast;mso-hansi-font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;color:blue;mso-font-kerning:
0pt">体</span><span lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;
mso-bidi-font-family:&quot;Microsoft YaHei&quot;;color:blue;mso-font-kerning:0pt">¬?, Arial, 
            Helvetica, sans-serif;<o:p></o:p></span></p>
        <p align="left" class="MsoNormal">
            <span lang="EN-US" style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;color:blue;mso-font-kerning:
0pt"><span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            </span>
            <span lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:red;mso-font-kerning:0pt">font-size</span><span lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:blue;mso-font-kerning:0pt">: 12px; </span>
            <span lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:red;mso-font-kerning:0pt">line-height</span><span lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:blue;mso-font-kerning:0pt">: 25px; </span>
            <span lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:red;mso-font-kerning:0pt">position</span><span lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:blue;mso-font-kerning:0pt">: absolute; </span>
            <span lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:red;mso-font-kerning:0pt">top</span><span lang="EN-US" style="font-size:
9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:blue;mso-font-kerning:0pt">: 50px; </span>
            <span lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:red;mso-font-kerning:0pt">left</span><span lang="EN-US" style="font-size:
9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
color:blue;mso-font-kerning:0pt">: 950px;&quot;&gt;</span><span lang="EN-US" style="font-size:9.5pt;font-family:&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;
mso-font-kerning:0pt"><o:p></o:p></span></p>
        <p align="left" class="MsoNormal">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp; </span>
            <span style="color:blue">&lt;/</span><span style="color:maroon">div</span><span 
                style="color:blue">&gt;<o:p></o:p></span></span></p>
        </div>
    <input type="hidden" value="<div id='div1'><div class='testclass'>testdiv</div></div>"
        id="htmlcode">
    <div class="code">
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp; </span><span style="color:blue">&lt;</span><span 
                style="color:maroon">script</span> <span style="color:red">type</span><span 
                style="color:blue">=&quot;text/javascript&quot;&gt;</span><o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            <span style="color:blue">var</span> p = <span style="color:blue">new</span> 
            _hy.Palette(<span style="color:maroon">&quot;GraphicsPanel&quot;</span>, 
            document.getElementById(<span style="color:maroon">&quot;GraphicsPanel&quot;</span>), 800, 
            100, 800, 90, <span style="color:maroon">&quot;mouseMove&quot;</span>,
            <span style="color:maroon">&quot;myonmouseout&quot;</span>);<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            p.rowno = 5;<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            p.paint();<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            <span style="color:blue">var</span> line = <span style="color:blue">new</span> 
            _hy.Chart.Line(p);<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            line.attr = <span style="color:maroon">
            &quot;onmousemove=&#39;line_OnMouseMove(#=CurrentIndex#);&#39; 
            onclick=&#39;line_OnClick(#=CurrentIndex#);&#39;&quot;</span>;<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            line.setDataSource(DataArr);<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            line.InfoPanel = document.getElementById(<span style="color:maroon">&quot;info&quot;</span>);<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            line.lineStyle = <span style="color:maroon">&quot;filter: Alpha(opacity=40); 
            -moz-opacity: 0.4;opacity: 0.4; &quot;</span>;<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            line.paint();<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            line.showInfo();<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            <span style="color:blue">function</span> mouseMove(ev) {<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </span>p.OnMouseMove(ev);<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            }<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            <span style="color:blue">function</span> myonmouseout() {<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </span>p.OnMouseOut();<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            }<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span 
                style="color:blue">function</span> line_OnMouseMove(index) {<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </span>document.getElementById(<span style="color:maroon">&quot;message&quot;</span>).innerHTML 
            = index;<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt"><o:p>
            &nbsp;</o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            }<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            <span style="color:blue">function</span> line_OnClick(index) {<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </span>alert(index);<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
            }<o:p></o:p></span></p>
        <p align="left" class="MsoNormal" style="text-align:left;mso-layout-grid-align:
none;text-autospace:none">
            <span lang="EN-US" 
                style="font-size:9.5pt;font-family:
&quot;Microsoft YaHei&quot;;mso-bidi-font-family:&quot;Microsoft YaHei&quot;;mso-font-kerning:0pt">
            <span style="mso-spacerun:yes">&nbsp;&nbsp;&nbsp; </span>
            <span style="color:blue">&lt;/</span><span style="color:maroon">script</span><span 
                style="color:blue">&gt;<o:p></o:p></span></span></p>
    </div>
    <input type="hidden" value=" var div1 = _g('#div1');  var collObjects1=_g('div');var collObjects2=_g('.testclass',div1);alert(div1.innerHTML);"
        id="jscode">
    <br />
</body>
</html>
